<template>
  <div>
    <my-swipe></my-swipe>
    <van-cell />
    <van-grid :gutter="10">
      <van-grid-item text="交通事故" to="/traffic">
        <template #icon>
          <van-image width="40" height="40" :src="traffic_img" />
        </template>
      </van-grid-item>
      <!-- <van-grid-item text="交通事故" to="/traffic">
        <template #icon>
          <van-image width="40" height="40" :src="traffic_img" />
        </template>
      </van-grid-item>
      <van-grid-item text="交通事故" to="/traffic">
        <template #icon>
          <van-image width="40" height="40" :src="traffic_img" />
        </template>
      </van-grid-item>-->
    </van-grid>
  </div>
</template>

<script>
import MySwipe from "@/components/MySwipe";
import traffic_img from "@/assets/images/traffic.png";

export default {
  name: "Calculator",
  components: {
    MySwipe,
  },
  data() {
    return {
      title: this.$route.meta.title || "",
      traffic_img: traffic_img,
    };
  },
  methods: {},
  created() {},
};
</script>

<style scoped>
.van-cell:not(:last-child)::after {
  border-bottom: 0px solid #ebedf0;
}
</style>>


